import styled from '@/styled-px2vw'

const imgBgMinxin = `
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
`
const vCenter = `
  display: flex;
  justify-content: center;
`
const hCenter = `
  display: flex;
  align-items:center;
`

export const 下载体验按钮图标 = styled.div`
  width: 17px;
	height: 17px;
  background-image:url(${require('./imgs/downloadGo.png')});
  ${imgBgMinxin}
`
export const 下载体验按钮文本 = styled.div`
  font-family: PingFangSC-Semibold;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  color: #ff3ce1;
`
export const 下载体验按钮 = styled.div`
  width: 141px;
  height: 45px;
  background-color: #fcf23e;
  box-shadow: 0px 2px 0px 0px  #480e95;
  border-radius: 22px;
  margin-top: 20px;
  cursor: pointer;
  ${hCenter}
  ${vCenter}
`
export const 我的邀请码 = styled.div`
  font-family: PingFangSC-Regular;
  font-size: 16px;
  lineHeight: 18px;
  color: #ffffff;
  margin-top: 3px;
`
export const 邀请码 = styled.div`
  font-size: 32px;
  line-height: 40px;
  color: #fcef33;
  margin-top: 10px;
`